.pay-type {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  @extend .flex-row-spacebetween;
  .label {
    font-size: $font-size-small;
  }
  .pay-selector {
    @extend .flex-row-end;
    .pay-item {
      padding: 6px 5px;
      border-radius: 4px;
      background-color: #eee;
      color: #999;
      &.checked {
        background-color: $primary-color;
        color: white;
      }
      &:not(:first-child) {
        margin-left: 5px;
      }
    }
  }
}
